/**
 * Autor:   Alexander Bensel, Philipp Beutel, Christian Schoeneberg
 * Datum:   10.12.2014
 * Version: 0.1
 * Website: IndoorNavi HWR (QR-Code)
 */

jQuery(document).ready(function() {
    /*
     * Slide-Effekt der Tabellen im Menu
     * 1. Alle Tabellen "schliessen" und dummy-Variablen (Boolean) definieren
     * 2. "click-Events" definieren
     */
    toggle1 = false;
    toggle2 = false;
    toggle3 = false;

    jQuery("#toggleContent1").slideUp();
    jQuery("#toggleContent2").slideUp();
    jQuery("#toggleContent3").slideUp();

    jQuery("#toggleLeiste1").click(function() {
        //Element ein-/ausblenden
        jQuery("#toggleContent1").slideToggle();
        if (toggle1) {
            //beim ausblenden, Pfeil nach rechts drehen und Variable false setzen
            jQuery("#pfeil1").attr("class", "glyphicon glyphicon-chevron-right");
            toggle1 = false;
        } else
        {
            /*
             * beim einblenden,
             * Pfeil nach unten drehen und Variable true setzen,
             * die andren Tabellen werden ausgeblendet, die Pfeile nach rechts gesetzt und die variablen aus false gesetzt
             */
            jQuery("#pfeil1").attr("class", "glyphicon glyphicon-chevron-down");
            jQuery("#pfeil2").attr("class", "glyphicon glyphicon-chevron-right");
            jQuery("#pfeil3").attr("class", "glyphicon glyphicon-chevron-right");

            toggle1 = true;
            toggle2 = false;
            toggle3 = false;

            jQuery("#toggleContent2").slideUp();
            jQuery("#toggleContent3").slideUp();
        }
    });

    jQuery("#toggleLeiste2").click(function() {
        jQuery("#toggleContent2").slideToggle();
        if (toggle2) {
            jQuery("#pfeil2").attr("class", "glyphicon glyphicon-chevron-right");
            toggle2 = false;
        } else
        {
            jQuery("#pfeil1").attr("class", "glyphicon glyphicon-chevron-right");
            jQuery("#pfeil2").attr("class", "glyphicon glyphicon-chevron-down");
            jQuery("#pfeil3").attr("class", "glyphicon glyphicon-chevron-right");
            toggle1 = false;
            toggle2 = true;
            toggle3 = false;
            jQuery("#toggleContent1").slideUp();
            jQuery("#toggleContent3").slideUp();
        }
    });

    jQuery("#toggleLeiste3").click(function() {
        jQuery("#toggleContent3").slideToggle();
        if (toggle3) {
            jQuery("#pfeil3").attr("class", "glyphicon glyphicon-chevron-right");
            toggle3 = false;
        } else
        {
            jQuery("#pfeil1").attr("class", "glyphicon glyphicon-chevron-right");
            jQuery("#pfeil2").attr("class", "glyphicon glyphicon-chevron-right");
            jQuery("#pfeil3").attr("class", "glyphicon glyphicon-chevron-down");
            toggle1 = false;
            toggle2 = false;
            toggle3 = true;
            jQuery("#toggleContent1").slideUp();
            jQuery("#toggleContent2").slideUp();
        }
    });
});